﻿<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- saved from url=(0022)http://www.gaodun.com/ -->
<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	
	<link rel="stylesheet" type="text/css" href="../style/share/style.css">
	<link rel="stylesheet" type="text/css" href="../style/share/h_index.css">
	<link rel="stylesheet" type="text/css" href="../style/share/home_style.css">
	<link rel="stylesheet" type="text/css" href="../style/share/kczx.css">
	<link rel="stylesheet" type="text/css" href="../style/tab.css">
	
    <script type="text/javascript" src="../js/jquery-1.7.0.min.js" ></script>
 	<script type="text/javascript" src="../js/share/m.js"></script>
	<script type="text/javascript" src="../js/share/tabs.js"></script>
	
	<style type="text/css">
	a:hover{text-decoration:none;}
	</style>
	
	<script type="text/javascript">
	   $(function(){
		   //默认加在热门群组页面
		   getHostDiv();
		}); 
	  
	   //热门群组
	  function getHostDiv(){
		  $.ajax({ url: "query_homeGroup_hot/1/${pageSize}", 
			       success: function(result){
		              $("#tab1").html(result);
		           }
		  });
	  }
	  
	   //群组活动
	  function groupActivite(){
		  $.ajax({ url: "query_homeGroup_activity/1/${pageSize}", 
		       success: function(result){
	              $("#tab2").html(result);
	           }
	      });
	   }
	   
	  //群组话题
	  function groupTopic(){
		  $.ajax({ url: "query_homeGroup_topic/1/${pageSize}", 
		       success: function(result){
	              $("#tab3").html(result);
	           }
	      });
	   }
	
	</script>
	
	
</head>

<body style="clear:both;align:center;">
	
	<div class="home_divtop01"></div>

	<div class=""><a href="#"> <img src="../images/home_images/home_banner01.jpg"> </a> </div>
	<div class="home_hy_div" >
		<p class="retext08">您的位置：首页>家园>群组</p>
		<br/>
		<div class="ms_divbodytb">
			<ul class="ms_tabs">
				
				<li>
				  <a href="#" rel="hot" id="b1" class="up" onMouseDown="hometab(1,3);" style="background-color:#4A916F;color:#FFF;width: 100%;display: block;height:30px;" onclick="getHostDiv()">
				        热门群组
				  </a>
			    </li>
				<li>
				  <a href="#" rel="activite" id="b2"  onMouseDown="hometab(2,3);" style="display: block;width: 100%;height:30px;" onclick="groupActivite()">
				      群组活动
				  </a>
				  <div class="tab00"> &nbsp;</div></li>
				<li>
				   <a href="#" rel="topic" id="b3"  onMouseDown="hometab(3,3);" style="display: block;width: 100%;height:30px;" onclick="groupTopic()">
				      群组话题
				   </a>
				</li>
				
			</ul>
			
			<!-- 热门群组 -->
			<div id="tab1"><%-- <jsp:include page="./homeGroup_hot.jsp"></jsp:include> --%> </div>
			<!-- 群组活动 -->
			<div id="tab2" style="display: none;"></div>
			<!-- 群组话题 -->
			<div id="tab3" style="display: none;"></div> 
			
		</div>
	</div>
	
	<!--footer-->
 
	<div class="redivb02 retext09">京ICP备15004773号&nbsp;&nbsp; &nbsp; &nbsp;  Copyright © 2015  &nbsp; &nbsp; &nbsp; &nbsp; 筑学堂 &nbsp; &nbsp; &nbsp; &nbsp; <span class=" retext10"> www.zhuclass.com </span> </div>
 
 	<!--endfooter--> 
	
</body>
</html>